<template>
	<el-dialog v-model="props.show" width="500" top="20vh" close-icon="CloseBold" @close="closeEvent">
		<template #default>
			<div class="flex flex-col items-center">
				<img src="/transaction/exchange/result-green.svg" />
				<p class="text-#86909C text-18px mt-20px">申购成功</p>
				<p class="text-#000000 text-18px font-bold mb-10px mt-10px">0.23252 USDT</p>
				<p class="text-#86909C text-14px mb-6px">实时年化收益每分钟直接累积到您的理财账户，阶梯年化收益则</p>
				<p class="text-#86909C text-14px">每天发放到您的现货账户</p>
				<div class="h-60px w-90% mt-20px">
					<el-steps direction="vertical" :active="4" class="step-financing-row">
						<el-step>
							<template #icon>
								<img src="/financing/step.svg" class="relative top--10px" />
							</template>
							<template #title>
								<div class="flex items-center justify-between text-12px relative top--10px">
									<p class="text-#86909C">申购日期</p>
									<p class="text-#000000">2023-04-02 12:00</p>
								</div>
							</template>
						</el-step>
						<el-step>
							<template #icon>
								<img src="/financing/step.svg" class="relative top--10px" />
							</template>
							<template #title>
								<div class="flex items-center justify-between text-12px relative top--10px">
									<p class="text-#86909C">首次奖励发放日</p>
									<p class="text-#000000">2023-04-02 12:00</p>
								</div>
							</template>
						</el-step>
					</el-steps>
				</div>
			</div>
		</template>
		<template #footer>
			<div class="flex items-center justify-between">
				<el-button type="primary" color="#ECECF0" style="color:#000000;height:50px;width:48%;">返回</el-button>
				<el-button type="primary" color="#114CEE" style="color:#ffffff;height:50px;width:48%;">查看持仓</el-button>
			</div>
		</template>
	</el-dialog>
</template>
<script setup lang="ts">
import { ref } from 'vue'
interface IProps {
	show: boolean
}

const props = defineProps<IProps>();

const emit = defineEmits(['close'])
const closeEvent = () => {
	emit('close', false)
}
</script>
<style lang="scss">
	.step-financing-row{
		
		.el-step__icon{
			background-color: #114cee00;
		}
	}
</style>
